		<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
		<html xmlns="http://www.w3.org/1999/xhtml">
		<head>
		
			<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
			<title>Data Mining Research Group</title>
			<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
			
			<!--[if IE 6]>
				<link rel="stylesheet" href="css/ie.css" type="text/css" media="all" />	
			<![endif]-->
			
			<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
			
			<script type="text/javascript" src="js/jquery.jcarousel.js"></script>
			
			<!-- Cufon -->
			<script type="text/javascript" src="js/cufon-yui.js"></script>
			
			<script type="text/javascript" src="js/MyriadPro.font.js"></script>
			<script type="text/javascript" src="js/ArialBold.font.js"></script>
			
			
			<script type="text/javascript" src="js/jquery-func.js"></script>
			<link rel="shortcut icon" type="image/x-icon" href="css/images/favicon.ico" />
			<link rel="stylesheet" href="css/basic.css" type="text/css" media="all" />
			<link rel="stylesheet" href="css/galleriffic-2.css" type="text/css" media="all"/>
			<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
			<script type="text/javascript" src="js/jquery.galleriffic.js"></script>
			<script type="text/javascript" src="js/jquery.opacityrollover.js"></script>
			
			<!-- We only want the thunbnails to display when javascript is disabled -->
			<script type="text/javascript">
				document.write('<style>.noscript { display: none; }</style>');
			</script>
		
		</head>
		<body>
		<!-- Header -->
		<div id="header">
			<div class="shell">
				<!-- Logo -->
				<div id="navigationl">
					<ul>
						<li><a href="/~singa019/DMRL/home.html" >Data Mining Research Group</a></li>
					</ul>
				</div>
				<!-- /Logo -->
				
				<!-- Navigation -->
				<div id="navigation">
					<ul>
						<li><a href="/~singa019/DMRL/home.html">HOME</a></li>
						<li><a href="/~singa019/DMRL/projects.html" >PROJECTS</a></li>
						<li><a href="/~singa019/DMRL/publications.html" >PUBLICATIONS</a></li>
						<li><a href="/~singa019/DMRL/people.html"  >PEOPLE</a></li>
						<li><a href="/~singa019/DMRL/datasets.html" >DATASETS</a></li>
						<li><a href="/~singa019/DMRL/gallery.html" class="active">GALLERY</a></li>
					</ul>
				</div>
				<!-- /Navigation -->
			</div>
		</div>
		<!-- /Header -->
		
<!-- Main -->
<div id="main">
<div class="shell">
<div id="page">
				<div id="container">
					
					<!-- Start Advanced Gallery Html Containers -->
					<div id="gallery" class="content">
						<div id="controls" class="controls"></div>
						<div class="slideshow-container">
							<div id="loading" class="loader"></div>
							<div id="slideshow" class="slideshow"></div>
						</div>
						<div id="caption" class="caption-container"></div>
					</div>
					<div id="thumbs" class="navigation">
						<ul class="thumbs noscript">
							<li>
								<a class="thumb" name="leaf" href="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015.jpg" title="Title #0">
									<img src="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015_s.jpg" alt="Title #0" />
								</a>
								<div class="caption">
									<div class="download">
										<a href="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015_b.jpg">Download Original</a>
									</div>
									<div class="image-title">Title #0</div>
									<div class="image-desc">Description</div>
								</div>
							</li>
	
							<li>
								<a class="thumb" name="bigleaf" href="http://farm3.static.flickr.com/2093/2538168854_f75e408156.jpg" title="Title #2">
									<img src="http://farm3.static.flickr.com/2093/2538168854_f75e408156_s.jpg" alt="Title #2" />
								</a>
								<div class="caption">
									<div class="download">
										<a href="http://farm3.static.flickr.com/2093/2538168854_f75e408156_b.jpg">Download Original</a>
									</div>
									<div class="image-title">Title #2</div>
									<div class="image-desc">Description</div>
								</div>
							</li>
	
							<li>
								<a class="thumb" name="lizard" href="http://farm4.static.flickr.com/3153/2538167690_c812461b7b.jpg" title="Title #3">
									<img src="http://farm4.static.flickr.com/3153/2538167690_c812461b7b_s.jpg" alt="Title #3" />
								</a>
								<div class="caption">
									<div class="download">
										<a href="http://farm4.static.flickr.com/3153/2538167690_c812461b7b_b.jpg">Download Original</a>
									</div>
									<div class="image-title">Title #3</div>
									<div class="image-desc">Description</div>
								</div>
							</li>
	
							<li>
								<a class="thumb" href="http://farm4.static.flickr.com/3150/2538167224_0a6075dd18.jpg" title="Title #4">
									<img src="http://farm4.static.flickr.com/3150/2538167224_0a6075dd18_s.jpg" alt="Title #4" />
								</a>
								<div class="caption">
									<div class="download">
										<a href="http://farm4.static.flickr.com/3150/2538167224_0a6075dd18_b.jpg">Download Original</a>
									</div>
									<div class="image-title">Title #4</div>
									<div class="image-desc">Description</div>
								</div>
							</li>
	
							<li>
								<a class="thumb" href="http://farm4.static.flickr.com/3204/2537348699_bfd38bd9fd.jpg" title="Title #5">
									<img src="http://farm4.static.flickr.com/3204/2537348699_bfd38bd9fd_s.jpg" alt="Title #5" />
								</a>
								<div class="caption">
									<div class="download">
										<a href="http://farm4.static.flickr.com/3204/2537348699_bfd38bd9fd_b.jpg">Download Original</a>
									</div>
									<div class="image-title">Title #5</div>
									<div class="image-desc">Description</div>
								</div>
							</li>
	
							
							<li>
								<a class="thumb" href="http://farm2.static.flickr.com/1260/930424599_e75865c0d6.jpg" title="Title #23">
									<img src="http://farm2.static.flickr.com/1260/930424599_e75865c0d6_s.jpg" alt="Title #23" />
								</a>
								<div class="caption">
									<div class="download">
										<a href="http://farm2.static.flickr.com/1260/930424599_e75865c0d6_b.jpg">Download Original</a>
									</div>
									<div class="image-title">Title #23</div>
									<div class="image-desc">Description</div>
								</div>
							</li>
						</ul>
					</div>
					<div style="clear: both;"></div>
				</div>
			</div>
			
								<script type="text/javascript">
				jQuery(document).ready(function($) {
					// We only want these styles applied when javascript is enabled
					$('div.navigation').css({'width' : '300px', 'float' : 'left'});
					$('div.content').css('display', 'block');
	
					// Initially set opacity on thumbs and add
					// additional styling for hover effect on thumbs
					var onMouseOutOpacity = 0.67;
					$('#thumbs ul.thumbs li').opacityrollover({
						mouseOutOpacity:   onMouseOutOpacity,
						mouseOverOpacity:  1.0,
						fadeSpeed:         'fast',
						exemptionSelector: '.selected'
					});
					
					// Initialize Advanced Galleriffic Gallery
					var gallery = $('#thumbs').galleriffic({
						delay:                     2500,
						numThumbs:                 15,
						preloadAhead:              10,
						enableTopPager:            true,
						enableBottomPager:         true,
						maxPagesToShow:            7,
						imageContainerSel:         '#slideshow',
						controlsContainerSel:      '#controls',
						captionContainerSel:       '#caption',
						loadingContainerSel:       '#loading',
						renderSSControls:          true,
						renderNavControls:         true,
						playLinkText:              'Play Slideshow',
						pauseLinkText:             'Pause Slideshow',
						prevLinkText:              '&lsaquo; Previous Photo',
						nextLinkText:              'Next Photo &rsaquo;',
						nextPageLinkText:          'Next &rsaquo;',
						prevPageLinkText:          '&lsaquo; Prev',
						enableHistory:             false,
						autoStart:                 false,
						syncTransitions:           true,
						defaultTransitionDuration: 900,
						onSlideChange:             function(prevIndex, nextIndex) {
							// 'this' refers to the gallery, which is an extension of $('#thumbs')
							this.find('ul.thumbs').children()
								.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
								.eq(nextIndex).fadeTo('fast', 1.0);
						},
						onPageTransitionOut:       function(callback) {
							this.fadeTo('fast', 0.0, callback);
						},
						onPageTransitionIn:        function() {
							this.fadeTo('fast', 1.0);
						}
					});
				});
			</script>
</div>
</div>
<!-- /Main -->

<!-- Footer -->
<div id="footer">
	<div class="shell">
		<!-- Mini Nav --> 
		<div class="footer-navigation"> 
			<ul> 
                <li><a href="/~singa019/DMRL/home.html">HOME</a></li>
                <li><a href="/~singa019/DMRL/projects.html" >PROJECTS</a></li>
                <li><a href="/~singa019/DMRL/publications.html" >PUBLICATIONS</a></li>
                <li><a href="/~singa019/DMRL/people.html">PEOPLE</a></li>
                <li><a href="/~singa019/DMRL/datasets.html" >DATASETS</a></li>
                <li><a href="/~singa019/DMRL/gallery.html" >GALLERY</a></li>
                <li class="last"><a href="/~singa019/DMRL/contactus.html" >CONTACT US</a></li>
			</ul> 
		</div> 
		<!-- /Mini Nav --> 

		<div class="cl">&nbsp;</div> 
	</div>
</div>
<!-- /Footer -->
</body>
</html>
		
	



